<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
		<style type="text/css">
			#show div img{
				width: 100%;height: 100%;
			}
		</style>
	</head>
	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo"><img src="../image/logo.png" style="width: 200px; height: 58px;"></div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item"><a href="">首页</a></li>
					<li class="layui-nav-item"><a href="">商品管理</a></li>
					<li class="layui-nav-item"><a href="">用户</a></li>
					<li class="layui-nav-item">
						<a href="javascript:;">其它系统</a>
						<dl class="layui-nav-child">
							<dd><a href="">邮件管理</a></dd>
							<dd><a href="">消息管理</a></dd>
							<dd><a href="">授权管理</a></dd>
						</dl>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
							贤心
						</a>
						<dl class="layui-nav-child">
							<dd><a href="">修改个人信息</a></dd>
							<dd><a href="">安全设置</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="">退了</a></li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
						<li class="layui-nav-item">
							<a class="" href="javascript:;"><i class="layui-icon"> &#xe637; </i>考勤</a>
							<dl class="layui-nav-child">
								<dd><a href="punch.html">打卡</a></dd>
								<dd><a href="Empattence.html">自我考勤查看</a></dd>
								<dd><a href="Deptpattence.html">部门考勤查看</a></dd>
								<dd><a href="Hrpattence.html">员工考勤查看</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;"><i class="layui-icon">&#xe613; </i>请假管理</a>
							<dl class="layui-nav-child">
								<a href="leavepage.html"></i>请假申请</a>
								<dd><a href="leavelist.html">请假审批</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon">&#xe716; </i>管理</a>
							<dl class="layui-nav-child">
								<dd><a href="Emp.html">员工管理</a></dd>
								<dd><a href="Dept.html">部门管理</a></dd>
								<dd><a href="userinfo.html">个人信息管理</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-this"><a href="Note.html">公告</a></li>
					</ul>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div class="layui-container" id="div1" style="margin-top: 50px;">
					<!-- 第一行开始 -->
					<div class="layui-row">
						<div class="layui-col-md8 layui-col-lg-offset2">
							<h1>企业风采</h1>
						</div>
						<div class="layui-col-md8 layui-col-lg-offset2">
							<!-- 轮播图 -->
							<div class="layui-carousel" id="carousel" >
								<div carousel-item id="show" style="border-radius: 10px;">
									<div><img src="../image/lunbo/timg.jpg" ></div>
									<div><img src="../image/lunbo/timg1.jpg"></div>
									<div><img src="../image/lunbo/timg2.jpg"></div>
									<div><img src="../image/lunbo/timg3.jpg"></div>
									<div><img src="../image/lunbo/timg4.jpg"></div>
									<div><img src="../image/lunbo/timg5.jpg"></div>
								</div>
							</div>
						</div>
						<!-- 条目中可以是任意内容，如：<img src=""> -->
					</div>
					<div class="layui-row">
						<ul class="layui-timeline">
						  <li class="layui-timeline-item">
						    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						    <div class="layui-timeline-content layui-text">
						      <h3 class="layui-timeline-title">8月18日</h3>
						      <p>
						        肝不动,肝不动,原型实在太难做 <i class="layui-icon">&#xe69c;</i>
						        <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
						        <br>无论它能走多远，抑或如何支撑？<i class="layui-icon">&#xe664;</i>
						      </p>
						    </div>
						  </li>
						  <li class="layui-timeline-item">
						    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						    <div class="layui-timeline-content layui-text">
						      <h3 class="layui-timeline-title">8月16日</h3>
						      <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
						      <ul>
						        <li>《登高》</li>
						        <li>《茅屋为秋风所破歌》</li>
						      </ul>
						    </div>
						  </li>
						  <li class="layui-timeline-item">
						    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						    <div class="layui-timeline-content layui-text">
						      <h3 class="layui-timeline-title">8月15日</h3>
						      <p>
						        中国人民抗日战争胜利72周年
						        <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
						        <br>铭记、感恩
						        <br>所有为中华民族浴血奋战的英雄将士
						        <br>永垂不朽
						      </p>
						    </div>
						  </li>
						  <li class="layui-timeline-item">
						    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
						    <div class="layui-timeline-content layui-text">
						      <div class="layui-timeline-title">过去</div>
						    </div>
						  </li>
						</ul>
					</div>
				</div>
			</div>
			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© 中软 - JAVA二阶段项目 - 基于人脸识别的考勤系统 by TeamWork_XM
			</div>
		</div>
		</div>
		<script src="../layui/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function() {
				var element = layui.element;
			});
			layui.use('carousel', function(){
			  var carousel = layui.carousel;
			  //建造实例
			  carousel.render({
			    elem: '#carousel'
			    ,width: '100%' //设置容器宽度
			    ,arrow: 'hover' //始终显示箭头
			    ,anim: 'fade' //切换动画方式
				,autoplay:'true'//自动切换
			  });
			});
		</script>
	</body>


	</script>
</html>
